<template>
  <div>
    <Rl :content="re"/>
    <Contentlist  :content="content"/>
    <Bottom/>
  </div>
</template>

<script>
import Contentlist from '@/components/news/contentlist.vue'
import Rl from '@/components/news/recommendlist.vue'
import Bottom from '@/components/shop/bottom.vue'
export default {
  components:{
    Contentlist,Rl,Bottom
  },
  data(){
        return {
           content:this.$store.state.news.text.slice(0,8),
           re:this.$store.state.news.text.slice(8,16)
        }
  }
}
</script>

<style scoped>
h1{
    font-size:0.2rem
}
</style>